<template>
	<view>
		<cu-custom :bgcolor="'#fff'" />
		<view class="shop-list">
			<view class="list-box pt-3 pb-3 pl-4 pr-4 mb-2">
				<view class="tip p-4 mb-2">
					<view class="text-danger font-md">
						注意：此商家是超级商家满减的值必须大于3，前端显示的满减金额为满减额度-3.例：满10-7(7这个值设置必须大于3,给前端用户实际的满减为满10-4)</view>
				</view>
				<view class="list pl-3 pr-3 pt-2 pb-2">
					<view class="content span-20">
						<view class="pt-2 pb-2 d-flex flex-column">
							<view class="d-flex flex-row a-center j-sb span-20 mb-1">
								<view class="mb-1 text-light-muted span-10 d-flex flex-row a-center">
									<text class="span-3">满:</text>
									<uni-data-select class="span-16" v-model="value" :localdata="range"
										@change="change"></uni-data-select>
								</view>
								<view class="mb-1 text-light-muted span-10 d-flex flex-row a-center">
									<text class="span-3">减:</text>
									<uni-data-select class="span-16" v-model="value" :localdata="range"
										@change="change"></uni-data-select>
								</view>

							</view>
							<view class="d-flex flex-row a-center j-sb mb-2">
								<view class="text-light-muted span-20 ">
									<text class="mb-1 d-block text-light-muted">三方承担:</text>
									<uni-data-select v-model="value" :localdata="range"
										@change="change"></uni-data-select>
								</view>
								
							</view>

							<view class="d-flex flex-row a-center j-sb span-20">
								<view class="text-light-muted span-9">
									<text class="mb-1 d-block">显示满减:</text>
									<input class="uni-input border rounded" placeholder="显示满减满" />
								</view>
								<view class="text-light-muted span-9">
									<text class="mb-1 d-block">排序:</text>
									<input class="uni-input border rounded" placeholder="请输入排序" />
								</view>
							
							</view>
						</view>
					</view>
				</view>
				<view class="button-box mt-5">
					<button class="main-bg-color text-white font-md" @click="submit">确认</button>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	import title from "@/components/common/title.vue"
	import cuCustom from '@/components/common/custom.vue'
	export default {
		components: {
			title,
			cuCustom
		},
		data() {
			return {
				value: 0,
				scorllHeight: 500,
				loadtext: "上拉加载更多",
				value: 1,
				range: [{
						value: 0,
						text: "红包一"
					},
					{
						value: 1,
						text: "红包二"
					},
					{
						value: 2,
						text: "红包三"
					},
				],
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.list-box {
		height: auto;

		.list {
			background: #FFFFFF;
			border-radius: 20rpx;
			height: auto;

		}

		.tip {
			background: #DCDCDC;
			border-radius: 19rpx;
		}
	}

	.title-box {
		position: relative;

		.addIcon {
			position: absolute;
			right: 10rpx;
			top: 13px;
		}
	}
</style>